<%@ page contentType="text/html;charset=utf-8" language="java"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@include file="./common/base.jsp" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用户中心_约导游</title>
<!--css-->
<link rel="stylesheet" type="text/css" href="css/wutongstyle.css">
<script src="js/page.js" type="text/javascript"></script>
</head>

<body>
<!--head begin-->
<%@ include  file="./common/header.jsp"%>
<!--nav end--> 
<!--content begin-->
<div class="wt_content">
  <dl class="yuedaoyou">
	<%@ include  file="./common/header2.jsp"%><dd>
      <div class="daoyou_info clearfix">
        <div class="xx_box">
          <div class="tainfobox yonghu">
            <h3 id="tuan"><i class="i_co"></i>站内短信列表</h3>
            <!-- <div class="fb_message"><a href="lxslogin_7_fabu.jsp">我要发消息</a></div> -->
            <ul class="message" id="letterListId">
            </ul>
            <div class="n_page clearfix">
              <ul id="1_fenyeId">
                
              </ul>
            </div>
          </div>
        </div>
        <div class="zp"><img id="headImgId" src="" width="185" height="185" />
          <div class="tel">
            <h4>快捷菜单</h4>
            <ul class="quick">
                 <li><a href="lxslogin_1.jsp">发布新团信息</a></li>
              <li><a href="lxslogin.jsp" >团信息列表</a></li>
              <li><a href="lxslogin_2.jsp" >新发团信息</a></li>
              <li><a href="lxslogin_3.jsp" >已申请信息</a></li>
              <li><a href="lxslogin_4.jsp" >已确认信息</a></li>
              <li><a href="lxslogin_6.jsp" >已发团信息</a></li>
              <li><a href="lxslogin_5.jsp">我的资料</a></li>
              <li><a href="lxslogin_7.jsp" class="on">站内短信列表</a></li>
            </ul>
          </div>
          
        </div>
      </div>
    </dd>
  </dl>
</div>
<!--content end--> 
<!--footer begin-->
<%@ include  file="./common/footer.jsp"%>
<!--footer end-->
</body>
<script type="text/javascript">
var pageIndex=1;
var pageSize=3;
var pageCount = 0;
var recordCount = 0;

$(function(){
	loadLetterList(pageIndex,pageSize);
	$("#headImgId").attr("src",imgDomain+loginUserPhoto);
	
});
function loadLetterList(ppageIndex,ppageSize) {
	var lxspageIndex =ppageIndex;
	var lxspageSize = ppageSize;
	var objp= "{\"pageIndex\":\""+(lxspageIndex-1)+"\","+
		         "\"pageSize\":\""+lxspageSize+"\""+
		         "}";
	   $.ajax({
			  url: '${path}/core/getLetters',
			  type: 'POST',
			  timeout: 30000,
			  cache : false,
		      data :objp,
		      async: false,
		      dataType:"json",      
	          contentType:"application/json",   
		     // contentType: "application/json; charset=utf-8",
			  success:function(msg){
				  //alert(msg.totalCount)
				  formatLetterList(msg.dataList);
				  formatFenYe(msg.totalCount);
			  },
			   failure:function(msg){
				   alert(eval('('+msg.responseText+')').error_text);
			   		
			   },
			   error:function(msg){
				   alert(eval('('+msg.responseText+')').error_text); 
			   }
		});
}

function formatLetterList(dataList) {
	var ulDiv =$("#letterListId");
		ulDiv.empty();
		for(var k=0;k<dataList.length;k++) {
			var sendStr="<span>"+dataList[k].ctime+"</span>发件会员："+dataList[k].sendName;
			if(dataList[k].msgtype!=3) {
				sendStr="<span>"+dataList[k].ctime+"</span>发件会员：系统消息";
			}
			var message ="<h4>"+dataList[k].message+"</h4>";
			if(dataList[k].status==1) {
				message=dataList[k].message;
			}
			ulDiv.append("<li>"+
				            "<h4>"+sendStr+"</h4>"+
				            "<pre style=\"word-wrap:break-word; word-break:break-all;cursor:pointer;\" onclick=\"markRead("+dataList[k].id+")\">"+message+"</pre>"+
				            "<div class=\"ctrl\"><a href=\"lxslogin_7_huifu.jsp?messageId="+dataList[k].id+"\">回复</a>|<a href=\"javascript:;\">删除</a></div>"+
				          "</li>");
		}
}

function markRead(msgId){
	var objp={};
	$.ajax({
		  url: '${path}/core/markRead?messageId='+msgId,
		  type: 'POST',
		  timeout: 30000,
		  cache : false,
	      data :objp,
	      async: false,
	      dataType:"json",      
        contentType:"application/json",   
	     // contentType: "application/json; charset=utf-8",
		  success:function(msg){
			  loadUnreadCount();
			  loadLetterList(pageIndex,pageSize);
		
		  },
		   failure:function(msg){
			   alert(eval('('+msg.responseText+')').error_text);
		   		
		   },
		   error:function(msg){
			   alert(eval('('+msg.responseText+')').error_text); 
		   }
	});
}

function formatFenYe(totalCount){
	 recordCount = totalCount;
	 pageCount = Math.ceil(recordCount/pageSize);
	 pageRefresh(function () { 
		 loadLetterList(pageIndex,pageSize);
	 });
}

function loadUnreadCount(){
	
	var objp={};
	$.ajax({
		  url: '${path}/core/getUnreadLetterCount?status=0',
		  type: 'POST',
		  timeout: 30000,
		  cache : false,
	      data :objp,
	      async: false,
	      dataType:"json",      
          contentType:"application/json",   
	     // contentType: "application/json; charset=utf-8",
		  success:function(msg){
			  //alert(msg.totalCount)
			  $("#letterCountId").html(msg.unReadCount);
			
		  },
		   failure:function(msg){
			  // alert(eval('('+msg.responseText+')').error_text);
		   		
		   },
		   error:function(msg){
			  // alert(eval('('+msg.responseText+')').error_text); 
		   }
	});
}



</script>
</html>
